body {
	background: url("../img/back.jpg") no-repeat;
	background-size: 100%;
	font: normal 14px/2 '微软雅黑';
	color: #464646;
	padding-top: 28px;
}

* {
	padding: 0;
	margin: 0;
	list-style: none;
	font-style: normal
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block;
}

.header {
	width: 980px;
	margin: 0 auto;
	padding-top: 15%;
}

.header nav {
	width: auto;
	border-radius: 5px;
	text-align: center;
}

.header nav, header nav a {
	color: #fff
}

.header nav ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 150px;
	line-height: 50px;
}

.header nav ul li img {
	width: 200px;
}

@media screen and (max-width:980px) {
	body {
		background: url("../img/phone-back.jpg") no-repeat;
		background-size: 100%;
	}
	.header {
		width: 100%;
		height: 100%;
		overflow: hidden;
		*zoom: 1;
		position: absolute;
	}
	.header nav {
		background: none;
		text-align: center;
		height: auto;
		padding-top: 0px
	}
	.header nav ul li {
		display: block;
		border-radius: 5px;
		margin: 3px 0;
		height: 15%;
		line-height: 30px;
		width: 100%;
		padding-top: 5%
	}
	.header nav ul li img {
		width: 20%;
	}
}